{include file="common:lay_header" /}
<style>
    table.layui-table {
        height: 80px;
    }
    .layui-table-cell {
        height: 60px;
    }
    .layui-table-cell {
        height: 53px;
        text-align: center;
        line-height: 50px;
    }
</style>
<body>

<div class="demoTable">
    搜索ID：
    <div class="layui-inline">
        <input class="layui-input" name="title" id="search_title" autocomplete="off">
    </div>
    <button class="layui-btn" data-type="reload">搜索</button>
</div>

<table class="layui-hide" id="demo" lay-filter="test"></table>

<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" lay-event="many_upload">车型图片</a>
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>

</script>

<script src="__LAYUI__/layui.js"></script>
<script>

    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element', 'slider'], function(){
        var table = layui.table //表格
        ,$ = layui.$;


        //执行一个 table 实例
        table.render({
            elem: '#demo'
            ,url: "{:url('ajax')}" //数据接口
            ,title: '用户表'
            ,page: true //开启分页
            , limit: 100
            ,toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
            ,cols: [[ //表头
                {type: 'checkbox', fixed: 'left'}
                ,{field: 'id', title: 'ID', width:80, sort: true}
                ,{field: 'sort', title: '排序',toolbar: '#sort'}
                ,{field: 'title', title: '车系标题'}
                ,{field: 'intro', title: '简介'}
                ,{field: 'peizhi', title: '配置'}
                ,{field: 'zuowei', title: '座位'}
                ,{field: 'liangdian', title: '亮点'}
                ,{field: 'jiage', title: '价格'}
                ,{field: 'chicun', title: '车身尺寸'}
                ,{field: 'hot', title: '是否热门',toolbar: '#hot'}
                ,{field: 'tuijian', title: '热门推荐',toolbar: '#tuijian'}
                ,{field: 'z_img', title: '主图',toolbar: '#image'}
                ,{field: 'cate_name', title: '车系'}
                ,{field: 'create_time', title: '创建时间'}
                ,{fixed: 'right', width: 200, align:'center', toolbar: '#barDemo'}
            ]],
            id: 'testReload'
        });

        //监听头工具栏事件
        table.on('toolbar(test)', function(obj){
            _toolbar(obj,table,'90%','95%')
        });

        //监听行工具事件
        table.on('tool(test)', function(obj){
            _tool(obj,'90%','90%')
        });



        // 搜索
        active = {
            reload: function () {
                let  title = $('#search_title');
                var params = {
                    'title' : title.val()
                };

                _search(table,params)
            }
        };
        // 重新载入
        heavy_load($);


    });
</script>
<script type="text/html" id="sort">
    <input type="text" value="{{d.sort}}" onchange="myFunction({{d.id}})" id='InputId{{d.id}}' >
</script>

<script src="http://www.gmcmpv.cn/Public/admin/vendor/jquery/jquery.min.js"></script>
<script>
    function myFunction(ids)
    {
        //alert($);
        var des = $('#InputId'+ids).val();
        $.post("{:url('editsort')}",{id:ids,des:des},function(res){
            if(res != 1) {
                alert('添加备注失败');
            }

        },'json');
    }
</script>

<script>

    // 上移
    // function click_top(id){
    //     let url = "{:url('move.js')}";
    //     let params = {
    //         'id' : id,
    //         'type' : 'top'
    //     };
    //     _axios(url,params)
    // }
    //
    // // 下移
    // function click_down(id){
    //     let url = "{:url('move.js')}";
    //     let params = {
    //         'id' : id,
    //         'type' : 'down'
    //     };
    //     _axios(url,params)
    // }

</script>

<script type="text/html" id="image">
    <img src="{{d.z_img}}" alt="轮播图" width="120px">
</script>
<script type="text/html" id="hot">
    {{# if(d.hot === 0){ }}
        <span>非热门</span>
    {{# } else if(d.hot === 1) { }}
        <span>热门</span>
    {{# } }}
</script>
<script type="text/html" id="tuijian">
    {{# if(d.tuijian === 0){ }}
    <span>非热门推荐</span>
    {{# } else if(d.tuijian === 1) { }}
    <span>热门推荐</span>
    {{# } }}
</script>
</body>
</html>
